<?php
echo $this->headScript()->appendFile($this->baseUrl() . "/js/academico/dashboard/dashboard.js");
?>
<style type="text/css">
    .hero-widget { text-align: center; padding-top: 20px; padding-bottom: 20px; }
    .hero-widget .icon { display: block; font-size: 96px; line-height: 96px; margin-bottom: 10px; text-align: center; }
    .hero-widget var { display: block; height: 64px; font-size: 64px; line-height: 64px; font-style: normal; }
    .hero-widget label { font-size: 17px; }
    .hero-widget on.options { margin-top: 10px; }
</style>
<div class="text-center">
    <h2>Dashboard</h2>
</div>
<br />
<div id="div-alert">
    <?php echo $this->errorDiv; ?>
</div>
<div class="row">
    <div class="col-md-5 col-sm-5 table-responsive">
        <div class="hero-widget well well-sm">
            <div class="icon">
                <img src="/images/lab-net.jpg" alt="some"/>
            </div>
            <div class="text">
                <var><?php echo $this->cantidadLabs; ?></var>
                <label class="text-muted">laboratorios</label>
            </div>
            <div class="options">
                <a href="<?php echo $this->url(array('module' => 'academico', 'action' => 'index', 'controller' => 'laboratorioalumno')); ?>" class="btn btn-default btn-lg"><i class="glyphicon glyphicon-search"></i><strong>VER</strong></a>
            </div>
        </div>
    </div>
    <div class="col-md-offset-2 col-md-5 col-sm-5 table-responsive">
        <div class="hero-widget well well-sm">
            <div class="icon">                
                <img src="/images/vm.jpg" />
            </div>
            <div class="text">
                <var><?php echo $this->cantidadVM; ?></var>
                <label class="text-muted">maquinas virtuales</label>
            </div>
            <div class="options">
                <a href="<?php echo $this->url(array('module' => 'academico', 'action' => 'index', 'controller' => 'maquinaalumno')); ?>" class="btn btn-default btn-lg"><i class="glyphicon glyphicon-search"></i><strong>VER</strong></a>
            </div>
        </div>
    </div>    
</div>